{% block content %}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  <head>
    <title>
        Torque - Login Required
    </title>
  </head>
  <body>
        {% if form.errors %}
        <div align="center" style="margin:20px; margin-left:auto;margin-right:auto; width:80%; padding:20px; font-size:15px;">Your username or password is invalid</div>
        {% endif %}
        <div align="center" style="width:300px;margin-top:300px;margin-left:auto;margin-right:auto;">
                <div style="padding:5px;border-bottom:0;">Login Required</div>

                <div style="padding:5px;">

                        <form method="post" action=".">
                                <table>
                                        <tr><td>{{ form.username.label_tag }}</td><td>{{ form.username }}</td></tr>
                                        <tr><td>{{ form.password.label_tag }}</td><td>{{ form.password }}</td></tr>
                                </table>

                                <input type="submit" value="Login" style="padding:2px" />
                                <input type="hidden" name="next" value="{{ next }}" />
                        </form>

                </div>
        </div>

        <body>
</html>
{% endblock %}